SBN Home
 SiteBuilder
|
 JavaScript
|
 HTML
|
 DHTML
|
 D i r e c t X
|
 Crack 
|
 Cheat
|
 Site Info
JavaScript  <
  H T M L  <
& D H T M L <
D i r e c t   X <
L o g a <
C h e a t <
E m a i l <
S i t e i n f o <
 

 

 

Dnes má svátek:

JavaScript  
 
          Skripty na webové stránce:

Prakticky každý prvek v prohlížeči Internet Explorer a většina v prohlížeči Netscape Navigator - počínaje obrázky a konče samotnou stránkou - je dostupný jako objekt. Dostupnost znamená, že ke všem objektům je možno přistupovat ze skriptů. Proto využijeme této možnosti k demonstraci některých základních skriptovacích technik.

 

          Kód představuje dokument HTML s tagem obrázku. Použijeme jej jako základ, ke kterému doplníme skript.

 

 

<HTML>

 

Tento článek předpokládá, že jste seznámeni s pojmy:
  • Objektový model

       Dynamický objektový model Internet Exploreru umožňuje programově ovládat všechny prvky na stránce a v kterémkoliv okamžiku cokoliv změnit. Umožňuje reagovat na události myši a klávesnice a dovoluje autorovi dynamicky měnit dokument, z nějž je stránka vytvořena. Veškeré změny se ihned projeví ve vzhledu stránky.

  • Atribut

       Atribut je vlastnost textu nebo objektu, kterou můžete měnit pomocí nástrojů pro kreslení a příkazů nabídek.

   

<HEAD>

<TITLE>Skripty na webové stránce</TITLE>

</HEAD>

<BODY>

<IMG ID="MyImage" SRC="oldpic.gif">

</BODY>

</HTML>

kód 1.2

 

          Kód je standardní HTML. Tag <IMG> definuje obrázek. Atribut ID, který jsem v tomto tagu použil, jej pojmenovává - má jméno MyImage, a my s ním budeme moci v objektovém modelu snadno pracovat. Na konci tagu uvádím atribut SRC, který definuje zdrojový soubor obrázku: Internet Explorer zobrazí obrázek pojmenovaný oldpic.gif.

 

          Nyní vytvoříme skript, který bude s tímto obrázkem pracovat:

 

<SCRIPT LANGUAGE="JavaScript">

<!--

MyImage.src="newpic.gif"

//-->

</SCRIPT>

 

          Jádro skriptu se skrývá v řádku MyImage.src="newpic.gif". V původním HTML(kód 1.2) jsem definoval atribut SRC tagu MyImage. V dynamickém objektovém modelu tento atribut představuje vlastnost src objektu MyImage. Chceme-li pracovat s vlastností objektu, uvedeme název objektu a tečkou jej oddělíme od názvu vlastnosti např.: MyImage.src. Po svém spuštění skript přistupuje k objektu MyImage v objektovém modelu dokumentu a změní hodnotu jeho vlastnosti src z oldpic.gif na newpic.gif. Internet Explorer pak změní zobrazený obrázek na soubor newpic.gif.

 

 

 

1.) Možnosti skriptů

2.) Skripty v prohlížeči Internet Explorer

3.) HTML a skriptování v něm

4.) Skripty na webové stránce

5.) Základní obsluha událostí

6.) Vložené obslužné skripty

7.) Funkce?!

 

     Lekce s ukázkami a popisem jsou na úvodu JavaScriptu

 

 

Poslední aktualizace: 13.01.2002

Optimalizováno pro: IE 5.0 a vyšší, rozlišení 800x600, 16 bit

Copyright ©1999 - 2002 Jaroslav Kaštyl

Designed by: Jaroslav Kaštyl - Professional WWW presentation